<script src="{$smarty.const.THEME_RELATIVE}modules/biblemodule/js/jquery.highlight.js" type="text/javascript"></script>
<div class="bible">
    <div class="bible_text">
        <div id="loading" class="loading" style="text-align: center;">
            <img src="{$smarty.const.THEME_RELATIVE}modules/biblemodule/images/loading.gif" border=0><br>Vui lòng chờ, đang tìm kiếm 
        </div>
        <div id="bible_search_result">
            &nbsp;
        </div>
    </div>
</div>
<script language="javascript">
    {literal}
        jQuery(document).ready(function(){ {/literal}
            jQuery.post("index.php?module=biblemodule&action=bible_search&ajax_action=1&book_sf={$book_sf}&book_st={$book_st}&chapter_sf={$chapter_sf}&chapter_st={$chapter_st}&verse_sf={$verse_sf}&verse_st={$verse_st}&translation={$translation}&search={$search}&page={$page}",function(data)
            {literal}
            {
                {/literal}
                // highlight search text
                var key="{$search}";
                var key2=key.split(" ");
                {literal}
                jQuery("#bible_search_result").fadeOut().html(data).fadeIn().unhighlight().highlight(key2,{ caseSensitive: false });
                Cufon.refresh();
                jQuery(".loading").fadeOut();
            });
        });
    {/literal}
</script>